
import React from 'react'
import Footer from '../Footer'
import Navbar, { NavbarProps } from '../Navbar'

type Props = {
    navOptions?: NavbarProps
    children?: React.ReactNode
    className?: string
    ref?: React.Ref<HTMLDivElement> | undefined
}
export default function BasePage(props: Props) {
    const { children, navOptions, className, ref } = props
    return (
        <div ref={ref} className={`base-page h-full relative${className ? " " + className : ""}`}>
            <Navbar {...navOptions} />
            {children}
            <Footer />
        </div>
    )
}
